<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>              
    <title>陌绘</title>  
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">           
    <meta http-equiv="content-style-type" content="text/css"/>   
    <meta http-equiv="content-script-type" content="text/javascript"/>   
    <meta http-equiv="x-ua-compatible" content="ie=edge"/>   
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>     
</head>   
<body>    
    <!-- relpace-css:css/index.css -->   
    <div class="m-header">   
        <div class="g-main f-pr">
            <a href="/" class="logo f-pa"><img src="../image/logo.png"></a>

            <u class="f-fl f-cb links">
                <li><a href="" class="link f-f0 f-fl j-showqrcode">活动预约</a></li>
                <li><a href="" class="link f-f0 f-fl j-showqrcode">团队定制</a></li>
            </u>      

            <u class="f-fr f-cb links">
                <li><a href="" class="link f-f0 f-fr j-showqrcode">场地合作</a></li>
                <li><a href="" class="link f-f0 f-fr j-showqrcode">成为讲师</a></li>
            </u>
        </div>
    </div>
    
    <div class="m-selectshow f-pr j-slidewrap">
        
        <div class="swbtns f-pa j-slidebtns">  
           
        </div>
    </div>   

    <div class="m-funcs">
        <div class="g-main f-pr">
            <div class="f-fl item">
                <div class="ic f1"></div>
                <h4 class="nm">趣玩</h4>
                <p class="txt">针对生活在城市人的零基础绘画体<br>验，所有人在讲师带领下都能完成<br>超乎想象的作品。</p>
            </div>

            <div class="f-fl item">
                <div class="ic f2"></div>
                <h4 class="nm">乐活</h4>
                <p class="txt">不用纠结于以前的不好玩、 <br>好玩的太累，让轻松有趣的活动<br>为生活增添精彩！</p>
            </div>

            <div class="f-fl item">
                <div class="ic f3"></div>
                <h4 class="nm">欢聚</h4>
                <p class="txt">新朋友、老朋友，来这里聚会， <br>摆脱俗套，告别拇指癌，让社交更<br>简单直接。</p>
            </div>
  
        </div>
    </div>
  
    <div class="m-act f-pr">
        <div class="f-pa midbg">
            <div class="f-pa topbg"></div>
            <div class="f-pa bottombg"></div>
        </div>
   
        <div class="g-main f-pr">  
            <h2 class="tit">近期活动</h2>  
            <div class="line"></div>  
   
            <div class="itemwrap f-cb" id="j-actwrap">
                <!--
                <a href="" class="f-fl f-pr item small" target="_blank">
                    <img src="" class="pic">
                    <div class="inner f-pa">
                        <div class="f-pa innerbg"></div>
                        <div class="f-pa innerbox">
                            <h5 class="f-thide tit">撒旦撒旦</h5>
                            <p class="f-thide">萨科技的哈看<br>啊萨科技的哈看<br>卡是极好的</p>
                        </div>  
                    </div>
                </a>
                <a href="" class="f-fl f-pr item big" target="_blank">
                    <img src="" class="pic">
                    <div class="inner f-pa">
                        <div class="f-pa innerbg"></div>
                        <div class="f-pa innerbox">
                            <h5 class="f-thide tit">撒旦撒旦</h5>
                            <p class="f-thide">萨科技的哈看<br>啊萨科技的哈看<br>卡是极好的</p>
                        </div>  
                    </div>
                </a>-->
            </div>

            <a href="" target="_blank" class="morebtn f-f0 j-showqrcode">> 更多精彩 <</a>
        </div>

        
    </div>
   
    <div class="m-video">
        <div class="g-main">  
            <div class="thes">
                <div class="item f-fl"><div class="ic i1"></div></div>
                <div class="item f-fl"><div class="ic i2"></div></div>
                <div class="item f-fl"><div class="ic i3"></div></div>
            </div>
   
            <div class="video">
                <div class="fbox f-pr">
                    <div class="flashbox" id="j-flashbox"></div>
                    <div class="cover f-pa" id="j-videocover"></div>  
                    <a class="f-pa playbtn" id="j-playbtn"></a>  
                </div>
            </div>

            <div class="users f-cb" id="j-teachers">
                <!-- <div class="item f-fl">
                    <div class="box">   
                        <h5>玩家 - 小李子</h5>  
                        <p>
                            针对生活在城市人的零基础绘画体验，所有人在讲师带领下都能完成超乎想象的作品。<br>
                            针对生活在城市人的零基础绘画体验，所有人在讲师带领下都能完成超乎想象的作品。针对生活在城市人的零基础绘画体验。
                        </p>
                    </div>  
                    <div class="arr"></div>
                    <div class="face">  
                        <img src="">
                    </div>
                </div> -->

               
            </div>

        </div>
    </div>

    <div class="m-footer">  
        <div class="g-main f-pr">
            <ul class="links">
                <li class="f-ib"><a href="" class="link f-f0 j-showqrcode">活动预约</a></li>
                <li class="f-ib"><a href="" class="link f-f0 j-showqrcode">团队定制</a></li>
                <li class="f-ib"><a href="" class="link f-f0 j-showqrcode">成为讲师</a></li>
                <li class="f-ib"><a href="" class="link f-f0 j-showqrcode">场地合作</a></li>
            </ul>
   
            <p class="cp">&copy; 2016 PAINTMORE陌绘 杭州极昼网络科技有限公司 浙ICP备16001318号-1</p>

            <div class="share">
                <a href="" target="_blank" class="sbtn weixin f-ib j-showqrcode"></a>
                <a href="http://weibo.com/u/5742643130?topnav=1&wvr=6&topsug=1&is_all=1" target="_blank" class="sbtn weibo f-ib"></a>
            </div>   
        </div>
    </div>
    
    <script type="text/javascript" src="../js/jquery-1.11.2.min.js"></script>
    <script type="text/javascript">
        // 轮播图数据
        window.slideData = [
            {'link':'http://mp.weixin.qq.com/s?__biz=MzI2MDA1ODIzOA==&mid=400949801&idx=1&sn=16c66af05fcbd265b572a40434494102&scene=18#rd', 'pic':'http://paintmore.image.alimmdn.com/banner1.jpg?t=1455878794880'},
            {'link':'http://mp.weixin.qq.com/s?__biz=MzI2MDA1ODIzOA==&mid=400949801&idx=1&sn=16c66af05fcbd265b572a40434494102&scene=18#rd', 'pic':'http://paintmore.image.alimmdn.com/banner3.jpg?t=1455878795069'},
            {'link':'http://mp.weixin.qq.com/s?__biz=MzI2MDA1ODIzOA==&mid=400949801&idx=1&sn=16c66af05fcbd265b572a40434494102&scene=18#rd', 'pic':'http://paintmore.image.alimmdn.com/banner2.jpg?t=1455878794925'}
        ];
        <!-- relpace-js:js/selectShow.js -->
        <!-- relpace-js:js/dialog.js -->
        <!-- relpace-js:js/index.js -->
    </script>
</body>
</html>
